<!DOCTYPE html>
<html lang="cs" ng-app="lessons" style="height: 100%">
  <head>
    <title>{block title}{/block} | Lekce kytary online NaNastroj.cz</title>
    <meta name="description" content="{block description}{/block}">
    <meta name="keywords" content="{block keywords}{/block}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    
    <link rel="image_src" type="image/jpeg" href="{$basePath}/www/images/title.jpg">
    <link rel="icon" type="image/x-icon" href="{$basePath}/www/images/favicon.ico">
    
    {block header}{/block}
    
    <link rel="stylesheet" href="{$basePath}/www/libs/css/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="{$basePath}/www/libs/js/social-likes/social-likes_flat.css">
    <link rel="stylesheet" href="{$basePath}/www/modules/global/css/screen.css">
    <link rel="stylesheet" href="{$basePath}/www/modules/front/css/screen.css">       
    
    {block css}{/block}

    <script type="text/javascript" src="{$basePath}/www/libs/js/jquery/jquery.js"></script>
    <!--<script type="text/javascript" src="{$basePath}/www/libs/js/nette/nette.ajax.js"></script>-->
    <script type="text/javascript" src="{$basePath}/www/libs/js/social-likes/social-likes.min.js"></script>
    <script src="{$basePath}/www/libs/css/bootstrap/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="{$basePath}/www/modules/front/js/main.js"></script>
    <script type="text/javascript" src="{$basePath}/www/modules/global/js/main.js"></script>

    {block script}{/block}

  </head>

<!-- Body -->        
  <body>
    <script>
      (function(i,s,o,g,r,a,m){ i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-26777911-1', 'auto');
      ga('send', 'pageview');
    </script>
<!-- Content --> 
    <div class="container">
       
<!-- LOGO + MENU -->
      <div class="row header">
        <div class="col-sm-6 logo">
          <a n:href="Homepage:default" title="nanastroj" rel="Lekce kytary online">
            <img src="{$basePath}/www/images/logo.png"  alt="Lekce kytary online">
          </a>
        </div> 

        <div class="col-sm-6 navigation">
          {control userBox}   
          {include menu.latte}
          <div class="social">
            <div class="social-button">
              <a href="https://plus.google.com/117211810624859233171/about" target="_blank">
                <img src="{$basePath}/www/images/google-icon.png" height="28" width="28">
              </a>
            </div>
            <div class="social-button">
              <a href="https://www.facebook.com/pages/nanastrojcz/115906241819692" target="_blank">
                <img src="{$basePath}/www/images/facebook-icon.png" height="28" width="28">
              </a>
            </div>
            <div class="social-button">
              <a href="https://www.youtube.com/user/nanastroj" target="_blank">
                <img src="{$basePath}/www/images/youtube-icon.png" height="28" width="28">
              </a>
            </div>
          </div>
        </div>
      </div>
              
<!-- Flash messages -->
      <div  n:foreach="$flashes as $flash" class="alert alert-{$flash->type} alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <strong>{$flash->message}</strong>
      </div>
<!-- Flash message for register ajax call -->
      <div id="reg-flash" class="alert alert-success alert-dismissable" style="display:none">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <strong id="reg-text"></strong>
      </div>
      
<!-- Content -->
      <div class="row page-content" {ifCurrent Lessons:list}style="position:relative;"{/ifCurrent}>
        {include #content}
      </div>
    </div>
      
    <div><br><br></div>
    
    <div class="footer-arrow" style="display: none">
    </div>
      
    <div class="footer" style="display: none;">
      <div class="container">
        <div class="footer-close">
        </div>
        <div class="row">
          <div class="col-sm-offset-1 col-sm-2 text-center footer-anchor"><a n:href="Page:default link=>podminky">Podmínky</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a n:href="Page:default link=>dotazy">Časté dotazy</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a n:href="Page:default link=>o-nas">O nás</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a n:href="Page:default link=>partneri">Partneři</a></div>
          <div class="col-sm-2 text-center footer-anchor"><a n:href="Page:default link=>kontakt">Kontakt</a></div>
        </div>
      </div>
    </div>
  </body>
</html>
